<!DOCTYPE html>
<html lang="en">
<head>
  <title>客户问卷调查表</title>
  <meta charset="UTF-8">
  <link href="css/index.css" rel="stylesheet">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<h1>客户问卷调查表</h1>
<div id="app">
  <template>
    <el-form ref="form" :model="form" label-width="80px" size="medium" width="70%">
      <el-form-item label="解答速度" style="align-content: center">
        <el-row :gutter="80">
          <el-col :offset="8" :span="8">
            <div class="block">
              <p>对于您的问题我们解答的速度: </p>
            </div>
          </el-col>
        </el-row>
        <el-row :gutter="80">
          <el-col>
            <el-radio-group v-model="form.speed">
              <el-radio label="4">每次及时回复</el-radio>
              <el-radio label="3">多数情况及时回复</el-radio>
              <el-radio label="2">偶尔不能及时回复</el-radio>
              <el-radio label="1">根本不回复</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="解答质量">
        <el-row>
          <el-col>
            <div class="block">
              <p>对于您的问题我们解答的质量: </p>
            </div>
          </el-col>
          <el-col>
            <el-radio-group v-model="form.quality">
              <el-radio label="4">每次解答您的问题</el-radio>
              <el-radio label="3">多数能解答您的问题</el-radio>
              <el-radio label="2">偶尔不能解答问题</el-radio>
              <el-radio label="1">根本不解答问题</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="服务态度">
        <el-row>
          <el-col>
            <div class="block">
              <p>对于您的咨询我们的服务态度: </p>
            </div>
          </el-col>
          <el-col>
            <el-radio-group v-model="form.attitude">
              <el-radio label="4">每次的态度都很好</el-radio>
              <el-radio label="3">多数的态度很好</el-radio>
              <el-radio label="2">偶尔态度很好</el-radio>
              <el-radio label="1">每次态度不好</el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </el-form-item>
      <el-form-item label="员工评价">
        <el-row>
          <el-col>
            <div class="block">
              <p>综合以上请对我们工作人员进行综合评价</p>
            </div>
          </el-col>

          <el-col>
            <el-rate
                v-model="form.comprehensiveEvaluation"
                show-text>
            </el-rate>
          </el-col>
        </el-row>
      </el-form-item>

      <el-row>
        <el-col :offset="8" :span="8">
          <el-form-item label="客户签名">
            <el-input v-model="form.customerName"></el-input>
          </el-form-item>
        </el-col>

      </el-row>


      <el-form-item style="align-content: center">
        <el-row>
          <el-col :offset="8" :span="8">
            <el-button type="success"
                       @click="onSubmit"
                       icon="el-icon-check"
                       plain
                       round>提交信息
            </el-button>
          </el-col>
        </el-row>
      </el-form-item>
    </el-form>
  </template>
</div>
</body>
<!-- import Vue before Element -->
<script src="./js/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="./js/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="./js/index.js"></script>
</html>